import React, { Component } from 'react'
import { Button, CoverView } from '@tarojs/components'
import styles from './index.module.scss'

const menuList = ['园区态势', '招商运营', '企业服务', '个人中心']
export default class Index extends Component<any, any> {
  render() {
    return (
      <CoverView className={styles['bottom-menus']}>
        {menuList.map((item, index) => {
          return (
            <Button
              key={index}
              className={Number(this.props.checkedMenu || '0') === index ? styles['checked'] : styles['unChecked']}
              onClick={() => {
                this.props.onMenuClick(index)
              }}
            >
              {item}
            </Button>
          )
        })}
      </CoverView>
    )
  }
}
